#html5 css3

[smallfightercat]

i find it annoying when on google i search something like "how to make an artsy personal website" and lots of the results will be like "use wordpress" or "make sure it's good for search engines", like shut your fuckin' mouth, i wasn't lookin' for that, i was trying to figure out how to build and design a website that isn't boring looking. literally every html/css tutorial i've been on has taught me how to make your basic website but not how to make it look less boring. i wanna have stuff like the snazzy websites people have trending on neocities plus more accessibility but i can't figure out how to do that with the knowledge i have currently.

[rol-y-mantita]

Viendo que Tumblr es una comunidad bastante grande y con ciertos logaritmos de búsqueda algo abstractos, venimos a crear este espacio para aportar visibilidad y opciones a todas aquellas personas que estén buscando foros o simplemente rol.

¿Qué colgaremos?

- Directorio tanto de foros como de Tumblr de soporte (tablillas, diseños, directorios, opinión, etc.) y una breve descripción de cada cual.

- Promociones / anuncios de foros para hacer publicidad de éstos mismos (mediante submit).

- Una base de datos con físicos / faceclaims (que iremos alimentando y actualizando) con fotos, edad y otros detalles que seguro resultarán curiosos.

- Búsquedas para rol, staff o cualquier otro tipo de necesidad (mediante submit)

- Listado de foros con valoraciones objetivas e imparciales (trama, ambientación, skin, actividad, usuarios, staff, etc.), para aquellas personas indecisas que buscan un lugar donde rolear (se podrán solicitar opiniones de un foro, siempre aportando link).

De corazón, esperamos poder aportar algo que guste y motive a otros a seguir con la vida del rol y de la escritura.

[eon-tries]

just realized that i never mentioned that i know how to code websites and vaguely know how to code in C because i took a class from Harvard, as well as classes at my university

in case you're interested in learning HTML and CSS, my web design class literally gave us these websites to use because it has almost everything:

CSS Tricks - An entire website just for CSS

HTML Tutorial - A webpage about HTML

CSS Tutorial - A webpage about CSS

Markup Validator - Makes sure your code is right

also, i recommend using Visual Studio (if you have Windows) or Visual Studio Code (if you have anything other than Windows, or if you want to do more than just HTML)

[codenewbies]

CSS Slideshow with Thumbnails

[izicodes]

Just learnt how to turn HTML to Image

Friday 6th October 2023

Yeah just figured out how to turn HTML tags into an image you can download and save! The idea popped up because I came across a image generator from the user inputting the text and images and the generator would merge all of that into a .png file for you to save. So, I thought "mmmh I could do that?" (^^)ｂ

･ﾟ: *✧･ﾟ:* and I did *:･ﾟ✧*:･ﾟ

Now I'll use this for future project ideas! Especially a similar project to those "Code Snippets to Image" generators I use to share code on my blog! I'll make a proper post of how I did because it took me forever from an API with limited conversions to an outdated tutorial with broken links 😖

art used @fraberry-stroobcake 🌷

⤷ ○ ♡ my shop ○ my twt ○ my youtube ○ pinned post ○ blog's navigation ♡ ○

[ameemude]

digital art animation created with html, css and javascript

[divinector]

Responsive Web Layout with Video Background

[codingflicks]

Card Flip Animation Using CSS

[codingquill]

Why won't my CSS style work?

Ever had that frustrating experience where your carefully crafted styles refuse to do their thing? Well, today, I am going to demystify CSS selector priority for you.

CSS selector priority

CSS selector priority determines which styles take precedence when multiple rules target the same element. It's crucial to grasp this concept to avoid unexpected styling conflicts in your web projects. There are several factors that influence selector priority, and understanding them will help you control the appearance of your web page elements effectively.

1. Specificity

Specificity is a measure of how specific a CSS selector is in targeting an element. It's often denoted as a four-part value, such as 0,0,0,0, where each part represents a different level of specificity for the selector. The more specific a selector is, the higher its priority. For example:

Inline styles have the highest specificity.

ID selectors (#element-id) are more specific than class selectors (.element-class).

Elements selectors (div, p, etc.) have the lowest specificity.

2. Importance

CSS properties marked with !important have the highest priority, even if other rules have greater specificity. However, it's generally recommended to use !important sparingly to avoid confusion and maintain a clean codebase.

3. Source Order

When all else is equal, the source order of CSS rules in your stylesheet determines which one takes precedence. The rule that appears last in the stylesheet will override previous rules targeting the same element.

Resolving CSS Priority Issues

Now let's explore how to resolve priority conflicts

1. Use Specific Selectors

To increase the specificity of your selectors, consider using more specific class or ID names. This will make your rules override less specific ones and help you maintain better control over your styles.

2. Avoid Using !important

While !important can be helpful in certain situations, it's generally best to avoid it whenever possible. Overusing !important can make your CSS harder to maintain and debug.

3. Review Source Order

If you're still facing priority issues, review the order in which your CSS rules are defined in your stylesheet. Ensure that the rule you want to take precedence appears after conflicting rules.

By following best practices and avoiding overuse of !important, you'll create more maintainable and predictable CSS code. So, the next time you wonder, "Why does my CSS priority not apply to my element?", remember what we talked about in this post.

Happy coding!

[xhtmlchopofficial]

✧ PSD to HTML Magic ✧

Your stunning designs deserve flawless code ✨

At Xhtmlchop, we transform your PSDs into: ☑️ Pixel-perfect HTML/CSS ☑️ Buttery-smooth responsive layouts ☑️ Lightning-fast load speeds ☑️ SEO-friendly markup that ranks

🔥 Deal Alert: Homepage conversion → 199

Additional pages → 129 each

We include: ✓ 100% hand-coded solutions ✓ Cross-browser perfection ✓ Optional NDA protection ✓ Money-back guarantee

Let’s collaborate! → https://www.xhtmlchop.com/psd-to-responsive.html

(Reblog if you’ve been looking for PSD conversion services!)

[learningthefullstack]

Fellow programmers:

[kenziescodes]

Sage Green- Lesson code

It's been a bit since I've posted anything, so here's a new lesson! It's the same colors as the last PT I posted, maybe I'll make it a series? Let me know what you think!

As always, leave my credits alone and you may use it for anything you like!

[snoozealarms]

How to end a frontend developer's career

[cyberm0sh]

nerdy website people!!

i am looking for a free website hosting service that supports programming languages and server-side scripting for a personal project

i’ve tried neocities and unfortunately they do not support server side scripting!!

thank you sososo much for any leads <3

[codenewbies]

Text Typing Effect

[codingcorgi]

Days 128 to 129

I have worked hard on my portfolio site and added some cool animations and tool tips. I have done lots of prettying up as well. Tomorrow I'll fully implement the contact page.